<template>
  <div
    :style="{
      height: '530px',
      background: `url(${require(`../../assets/images/${tabValue}.png`)}) no-repeat center center`,
    }"
  >
    <div class="tabs">
      <el-radio-group v-model="tabValue" style="margin: 20px auto">
        <el-radio-button
          v-for="item in tabList"
          :key="item.value"
          :label="item.value"
          >{{ item.label }}
        </el-radio-button>
      </el-radio-group>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      path: "",
      tabValue: "1",
      tabList: [
        {
          label: "楼房",
          value: "1",
        },
        {
          label: "关于我们",
          value: "2",
        },
        {
          label: "租好房",
          value: "3",
        },
        {
          label: "新闻资讯",
          value: "4",
        },
        {
          label: "商务合作",
          value: "5",
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>


<style scoped lang="scss">
.tabs {
  text-align: center;
}
</style>
